<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>有序列表外侧是ol标签，内侧时li标签</p>

    <p>ol标签有一个type属性，标识序号的类型：</p>

    <img src="image.png" alt="" width="500px">

    <ol>
        <li>苹果</li>
        <li>香蕉</li>
        <li>橙子</li>
    </ol>

    <ol type="A">
        <li>苹果</li>
        <li>香蕉</li>
        <li>橙子</li>
    </ol>

    <ol type="i">
        <li>苹果</li>
        <li>香蕉</li>
        <li>橙子</li>
    </ol>

    <h3>有序列表可以嵌套：</h3>

    <ol>
        <li>苹果
            <ol type="I">
                <li>青苹果</li>
                <li>红苹果</li>
            </ol>
        </li>
        <li>香蕉</li>
        <li>橙子</li>
    </ol>
    </ol>

</body>

</html>